<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hello World</h1>
    <h2>Hello World</h2>
    <h3>Hello World</h3>

    <p>这是一个段落
        如你所示 它会将此部分的换行改为一个空格
    </p>
    平常直接在body输入也是
    你好
    hello
    因此要主动加<br/>
    如此<br/>

    <img src="清华大学.jpg" alt="F:\vscode\project\html" width="200"><br>
    <img src="./上海交通.jpg" width="200" ><br>
    也可以用网络图片<br>
    <img src="https://pic3.zhimg.com/dcc0c1dd83123bb7e3f9a4a3fc678d87_r.jpg?source=1940ef5c" width="200"><br>

    <a href="https://www.baidu.com/">百度</a>
    <a href="https://www.youdao.com/" target="_blank">有道 跳转一个新文件</a>
    <a href="test1.html">新的文件</a><br>
    这是一个空链接
    <a href="#" target=_blank>相当于等后端给我们提供链接，暂且用此占位</a><br>

    cellspacing是单元格之间的距离<br>
    align 设置文字在表格中的内容
    <table border="5" cellspacing="5" cellpadding="5" width="300" align="center">
        <tr>
            <td colspan="2" align="center">aaa</td>
            <!-- <td>ccc</td> -->
        </tr>
        <tr>
            <td>bbb</td>
            <td>ddd</td>
        </tr>
        <tr></tr>
    </table>
    
    表单标签比较重要 是让用户输入信息的<br>
    <form action="demo-html.html">
        文本框<input type="text"><br>
        密码框<input type="password" name="" id=""><br>
        文件<input type="file" name="" id=""><br> 
        邮箱<input type="email" name="" id=""><br>
        <br>
        单选框必须选择相同的name属性才能实现多选一的效果<br>
        单选按钮<input type="radio" name="gender" checked="checked">男 <input type="radio" name="gender" id="">女<br>
        复选框<input type="checkbox" name="" id="">篮球 <input type="checkbox">足球 <input type="checkbox" name="" id="">羽毛球<br>
        <br>
        提交按钮必须在form之中，点击之后会向服务器发送请求<br>
        提交按钮<input type="submit"><br>
        下拉菜单<br>
        <select name="" id="">
            <option value="0">北京</option>
            <option value="0">上海</option>
            <option value="2">西安</option>
            <option value="3">安康</option>
        </select><br>
        <textarea name="" id="">
            你好
            Hello
            安康
        </textarea>
    </form>
    <br>
    div span主要是网页布局
    <div> 我是一个1</div>
    <div>  我是一个2</div>
    <div>   我是一个3</div>
    <div>    我是一个4</div>
    <span>你  好</span>

</body>
</html>